<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>个人中心</title>
    <link rel="stylesheet" href="/static/client/style.css">
</head>
<body class="user-page">
    <!-- 头部 -->
    <header class="cart-header">
        <!-- 将返回按钮替换为 < 符号，设置颜色为白色 -->
        <a href="javascript:history.back()">
            <span class="back-symbol">&lt;</span>
        </a>
        <h1>菩提阁</h1>
    </header>
    <!-- 用户信息区域 -->
    <section class="user-info">
        <img src="/static/client/images/headPage.png" alt="用户头像" class="user-avatar">
        <div class="user-details">
            <span class="user-nickname">林之迷</span>
            <img src="/static/client/images/women.png" alt="女性图标" class="gender-icon">
            <p class="user-phone">15278791809</p>
        </div>
    </section>
    <!-- 功能入口区域 -->
    <section class="feature-entries">
        <div class="feature-card">
            <a href=""><img src="/static/client/images/location.png" alt="地址管理图标"> 收货地址 </a>
        </div>
        <div class="feature-card">
            <a href=""><img src="/static/client/images/orders.png" alt="我的订单"> 我的订单</a>
        </div>
    </section>
    <!-- 最新订单标题 -->
    <h2 class="latest-order-title">最新订单</h2>
    <!-- 最新订单卡片 -->
    <div class="latest-order-card">
        <div class="order-header">
            <span class="order-date">2025-05-24 14:15:08</span>
            <span class="order-status">正在派送</span>
        </div>
        <hr class="dashed-line">
        <div class="order-item">
            <span class="item-name">口味蛇</span>
            <span class="item-quantity">x1</span>
        </div>
        <div class="order-total">
            <span class="total-text">共 1 件商品,实付</span>
            <span class="total-amount">¥ 168</span>
        </div>
    </div>
    <!-- 退出登录按钮 -->
    <a href="" class="logout-button">退出登录</a>
     <!-- 底部导航 -->
    <footer class="bottom-nav">
        <a href="index.html">
            <img src="/static/client/images/home.png" alt="首页">
            <span>首页</span>
        </a>
        <a href="address.html">
            <img src="/static/client/images/location.png" alt="收货地址">
            <span>收货地址</span>
        </a>
        <a href="user.html">
            <img src="/static/client/images/user.png" alt="用户中心">
            <span>用户中心</span>
        </a>
    </footer>
    <script src="/static/client/script.js"></script>
</body>
</html>
